<script type="text/JavaScript">

  $(function(){ 
  
  settings = {
          tl: { radius: 20 }, // top left
          tr: { radius: 20 }, // top right
          bl: { radius: 20 }, // buttom left
          br: { radius: 20 }, // buttom right
          antiAlias: true,
          autoPad: true,
          validTags: ["div"]
      }

  $('.myBox').corner(settings);
  $('.myBox_gofish').corner(settings);
  
  
  });;

</script>

<div class="myBox_gofish">
	<BR>
	<b><i>Go</i>Fish</b>
</div>


<form action="javascript:submitLoginInfo()" onsubmit="return checkValidLogin()"  method="post" id="user-login-form">
<table border="0" cellpadding="10" align="left" ID="login" >
	<tr align="center">
		<td>
			<h2 align="left" class="title">User login</h2>
 		</td>
 	</tr>
 	<tr>
 		<td>
 			<div class="myBox">
 			<label for="edit-name">Username: </label>
 			<input type="text" maxlength="60" name="user" id="edit-name"  size="15" value="" class="form-text required" />
 			</div>
		</td>
	</tr>
	<tr>
		<td>
			<div class="myBox">
 			<label for="edit-pass">Password: </label>
 			<input type="password" maxlength="" name="pass" id="edit-pass"  size="15"  class="form-text required" />
 			</div>
		</td>
	</tr>
	<tr>
		<td>
			<input type="submit" name="op" value="Log in"  class="form-submit" />
			<a href="createAccount_user.php" title="Create a new user account.">Create new account</a>
		</td>
	</tr>
</table>
</form>
